/**
 * Created by 01371265 on 2017/10/11.
 */
import React , { Component } from "react";
import { BrowserRouter , 	Route , Link } from "react-router-dom";

export default class Header extends Component {

	render() {

		let liArr = this.props.title.map( ( item , index ) => {
			return ( <li key={ index } className="nav-title"><Link to={ item.path } >{ item.title }</Link></li> );
		});
		
		return (
			<div className="header-bg">
				<div className="header">
					<div className="header-logo">
						<img src="resource/img/logo.png"/>
					</div>
					<div className="header-nav">
						<ul className="nav">
							{liArr}
						</ul>
					</div>	
				</div>
				<div className="clear"></div>
			</div>	
		);
	}
}